<template>
  <n-popover trigger="hover">
    <template #trigger>
      <el-icon size="20px">
        <slot></slot>
      </el-icon>
    </template>
    <span>{{ prompt }}</span>
  </n-popover>
</template>

<script setup lang="ts">
defineProps(["prompt"]);
</script>

<style scoped>
.el-icon {
  margin: 0 7px;
  padding: 3px;
  color: #999999;
  /*圆角*/
  border-radius: 6px;
}

.el-icon:hover {
  background-color: #c5c5c5;
}

span {
  font-size: 12px;
}
</style>
